<!--
 * @Author: wangwenshuai 644586996@qq.com
 * @Date: 2022-11-14 16:24:02
 * @LastEditors: wangwenshuai 644586996@qq.com
 * @LastEditTime: 2022-11-17 10:41:27
 * @FilePath: \carbon-pccounting-project\src\components\Index\about.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="about">
    <div class="header">为什么选择后羿零碳</div>
    <hr />

    <div class="tit">团队</div>
    <div class="text">
      后羿零碳有一个优秀的团队，我们
      团队具有深厚的知识背景和丰富的经验，同时
      时间上，多名国际顾问将提供国际服务
      视野和多元化的视角。大部分后羿零碳团队成员
      有硕士及以上学历，包括博士和硕士 信息技术和碳管理，以及审计员谁
      实际操作企业碳排放管理。
    </div>
    <div class="tit">科技</div>
    <div class="text">
     后羿零碳是碳行业最具创新力的公司之一
      管理行业。近年来，累计近15万人次 结合大数据、AI、物联网、
      区块链等技术能力强，具有投资低、速度快等优点
      部署灵活、可扩展、灾难备份等优点， 已成为后羿零碳固若金汤的技术护城河。
    </div>
    <div class="tit">客户</div>
    <div class="text">
      后羿零碳为1000多家企业提供碳管理解决方案
      企业，包括50家国内外世界500强企业和
      国际组织。如阿里巴巴、百度、腾讯、京东、
      万科，星巴克，香奈儿，微软，联合国，国家 国家发展和改革委员会，生态部和
      环境，美国能源基金会，中国煤炭，中海油，中国
      机场建设集团、中国建材集团等。
    </div>
    <div class="tit">数据库</div>
    <div class="text">
      自成立以来，后羿网零服务超过1000家 并累计客户碳排放因子数据15万余份。
      为此，碳踪还与中国环境科学研究院合作 标准化建设中国地方碳排放因子数据库。
    </div>
    <hr />
    <span
      >请把您的宝贵意见和建议反馈给我们:
      <span class="send">发送邮件</span></span
    >
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
@media screen and (min-width: 1200px) {
  .about {
    // text-align: left;
    margin: 80px auto;
    width: 1200px;
    padding: 0px 0 0px 0;
    hr {
      margin-top: 20px;
      margin-bottom: 20px;
      border: 0;
      border-top: 1px solid #eee;
    }
    .header {
      font-weight: 400;
      font-size: 52px !important;
      line-height: 60px !important;
      margin-bottom: 20px;
      color: #000;
    }
    .tit {
      margin-bottom: 26px;
      color: #1685a9;
      font-size: 26px;

      font-weight: 600;
    }
    .text {
      width: 1000px;
      margin: auto;
      margin-bottom: 24px;
      color: #6c6c6c;
      font-weight: normal;
      font-size: 16px;
      font-family: "Roboto-Italic-9";
      line-height: 24px;
    }
    span {
      font-size: 16px;
      color: #1685a9;
    }
    .send {
      cursor: pointer;
    }
  }
}
@media screen and (min-width: 993px) and (max-width: 1199px) {

  .about {
    // text-align: left;
    margin: 80px auto;
    width: 1200px;
    padding: 0px 0 0px 0;
    hr {
      margin-top: 20px;
      margin-bottom: 20px;
      border: 0;
      border-top: 1px solid #eee;
    }
    .header {
      font-weight: 400;
      font-size: 40px !important;
      line-height: 60px !important;
      margin-bottom: 20px;
      color: #000;
    }
    .tit {
      margin-bottom: 26px;
      color: #1685a9;
      font-size: 26px;

      font-weight: 600;
    }
    .text {
      width: 1000px;
      margin: auto;
      margin-bottom: 24px;
      color: #6c6c6c;
      font-weight: normal;
      font-size: 16px;
      font-family: "Roboto-Italic-9";
      line-height: 24px;
    }
    span {
      font-size: 16px;
      color: #1685a9;
    }
    .send {
      cursor: pointer;
    }
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
   .about {
    // text-align: left;
    margin: 40px auto;
    width: 100%;
    padding: 0px 0 0px 0;
    hr {
      margin-top: 20px;
      margin-bottom: 20px;
      border: 0;
      border-top: 1px solid #eee;
    }
    .header {
      font-weight: 400;
      font-size: 22px !important;
      line-height: 30px !important;
      margin-bottom: 20px;
      color: #000;
    }
    .tit {
      margin-bottom: 12px;
      color: #1685a9;
      font-size: 18px;
      font-weight: 600;
    }
    .text {
      width: 100%;
      padding: 0 20px;
      margin: auto;
      margin-bottom: 24px;
      color: #6c6c6c;
      font-weight: normal;
      font-size: 16px;
      font-family: "Roboto-Italic-9";
      line-height: 24px;
    }
    span {
      font-size: 16px;
      color: #1685a9;
    }
    .send {
      cursor: pointer;
    }
  }
}
@media screen and (max-width: 767px) {
  .about {
      background: #fff;
      padding: 40px 0;
    // text-align: left;
    // margin: 40px auto;
    width: 100%;
    hr {
      margin-top: 20px;
      margin-bottom: 20px;
      border: 0;
      border-top: 1px solid #eee;
    }
    .header {
      font-weight: 400;
      font-size: 22px !important;
      line-height: 30px !important;
      margin-bottom: 20px;
      color: #000;
    }
    .tit {
      margin-bottom: 12px;
      color: #1685a9;
      font-size: 18px;
      font-weight: 600;
    }
    .text {
      width: 100%;
      padding: 0 20px;
      margin: auto;
      margin-bottom: 24px;
      color: #6c6c6c;
      font-weight: normal;
      font-size: 16px;
      font-family: "Roboto-Italic-9";
      line-height: 24px;
    }
    span {
      font-size: 16px;
      color: #1685a9;
    }
    .send {
      cursor: pointer;
    }
  }
}
</style>